{% extends 'base.html' %}
{% load staticfiles %}
{% block content %}
    <div class="about_banner">
        <div class="container">
            <h2>Shortcodes</h2>
            <span class="breadcrumbs"><a href="index.html"><i class="fa fa-home home_1"></i></a> / <a href="news.html"
                                                                                                      class="home_desc">News</a> / <span>Shortcodes</span></span>
        </div>
    </div>
    <div class="about_top">
        <div class="container">
            <div class="col-md-3 column-11">
            </div>
            <div class="col-md-9 column-15">
                <h4 class="m_11" style="text-align: center;">练习结果</h4>
                <div class="content-inner_1">

                    <div class="row">
                        <div class="col-md-3">
                            <h3>答&nbsp;&nbsp;&nbsp;对：</h3>
                        </div>
                        <div class="col-md-6">
                            <div class="progress progress_1">
                                <div class="progress-bar " style="width: {{ right_nums }}%" role="progressbar" aria-valuenow="28"
                                     aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar-value_3">28%</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <p>&nbsp;</p>
                    <div class="row">
                        <div class="col-md-3">
                            <h3>正确率：</h3>

                        </div>
                        <div class="col-md-6">
                            <div class="progress progress_2">
                                <div class="progress-bar " style="width: {{ right_rate }}%" role="progressbar" aria-valuenow="{{ right_rate }}"
                                     aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar-value_4">{{ right_rate }}%</div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="row" style="margin-top: 50px;">
                        <div class="col-md-12">
                            <div class="alert alert_1" role="alert"
                                 style=" color: #ffffff; border-color: #a3da36; background-color: #a3da36;">
                                <i class="fa fa-bell"></i>
                                恭喜你！全部答对，学的棒棒哒！
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
{% endblock %}
